<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"  isELIgnored="false"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>

<!DOCTYPE>
<html>
<head>
<meta charset='UTF-8'>
<title>Home Page</title>
<link rel='stylesheet' href='resources/css/index.css' />
<link rel='stylesheet' href='resources/plugin/datepicker/css/ui-lightness/jquery-ui-1.10.0.custom.min.css' />
<script src='resources/js/jquery-1.9.1.min.js'></script>
<script src='resources/js/jquery-ui-1.10.1.custom.min.js'></script>
<script src='resources/js/jquery.form.js'></script>
<script src="resources/js/Validform_v5.3_min.js"></script>
<script src='resources/js/index.js'></script>
</head>
<body onresize='bodyResize()'>
<div id='mainContent'>
	<div id='testFrame'>
		<div id='testName'>
			<label for='testNameInput'>姓名</label>
			<input type='text' id='testNameInput' />
		</div>
		<div id='testAge'>
			<label for='testAgeInput'>年龄</label>
			<input type='text' id='testAgeInput' />
		</div>
		<div id='testSubmitArea'>
			提交
		</div>
	</div>
	<div id='loginFrame' class='innerFrame'>
		<div class='innerFrameTitle'>
			<span>欢迎登录</span>
			<div id='loginFrameExitButton'>
				<canvas id='loginFrameExitCanvas'></canvas>
			</div>
		</div>
		<div class='innerFrameContent'>
			<form id='loginForm' action='user/login/' method='post'>
				<div id='emailInput' class='block'>
					<label for='loginEmailInput'>邮箱:</label>
					<input type='text' id='loginEmailInput' name='email' class='input' />
				</div>
				<div id='passwordInput' class='block'>
					<label for='loginPasswordInput'>密码:</label>
					<input type='password' id='loginPasswordInput' name='passwd' class='input' />
				</div>
				<div id='loginErrorMessage' class='ajaxMessage'></div>
			</form>
		</div>
		<div class='innerFrameFooter'>
			<div id='loginFrameLoginButton'>
				<span>登录</span>
			</div>
			<div id='loginFrameResetButton'>
				<span>清空</span>
			</div>
		</div>
	</div>
	<div id='registerFrame' class='innerFrame'>
		<div class='innerFrameTitle'>
			<span>欢迎注册</span>
			<div id='registerFrameExitButton'>
				<canvas id='registerFrameExitCanvas'></canvas>
			</div>
		</div>
		<div class='innerFrameContent'>
			<form id='registerForm' action='user/registry/' method='post'>
				<div id='accountInput' class='block'>
					<label for='registerAccountInput'>用户名:</label>
					<input type='text' id='registerAccountInput' name='name' class='input' />
					<div id='registerAccountInfoImage' class='infoImage'></div>
				</div>
				<div id='passwordInput' class='block'>
					<label for='registerPasswordInput'>密码:</label>
					<input type='password' id='registerPasswordInput' name='passwd' class='input'/>
					<div id='registerPasswordInfoImage' class='infoImage'></div>
				</div>
				<div id='passwordRepeatInput' class='block'>
					<label for='registerPasswordRepeatInput'>密码确认:</label>
					<input type='password' id='registerPasswordRepeatInput' class='input'/>
					<div id='registerPasswordRepeatInfoImage' class='infoImage'></div>
				</div>
				<div id='emailInput' class='block'>
					<label for='registerEmailInput'>邮箱:</label>
					<input type='text' id='registerEmailInput' name='email' class='input'/>
					<div id='registerEmailInfoImage' class='infoImage'></div>
				</div>
				<div id='sexInput' class='block'>
					<label for='registerMaleInput'>性别:</label>
					<span id='male'>男</span>
					<input type='radio' name='sex' id='registerMaleInput' value='1' checked='checked'/>
					<span id='female'>女</span>
					<input type='radio' name='sex' id='registerFemaleInput' value='0' />
				</div>
				<div id='birthdayInput' class='block'>
					<label for='registerBirthdayInput'>生日:</label>
					<input type='text' id='registerBirthdayInput'  name='birthday' readonly = 'readonly' value='1992-11-10' class='input'/>
				</div>
				<div id='schoolInput' class='block'>
					<label for='registerSchoolInput'>学校:</label>
					<input type='text' id='registerSchoolInput' name='school' class='input'/>
					<div id='registerSchoolInfoImage' class='infoImage'></div>
				</div>
				<div id='kaptchaInput' class='block'>
					<label for='registerKaptchaInput'>验证码:</label>
					<input type='text' id='registerKaptchaInput' name='kaptcha' class='input'/>
					<img src='kaptcha/getKaptcha.do' id='kaptchaImage' />
					<span id='changeCode'>换一个</span>
				</div>
				<div id='registerErrorMessage' class='ajaxMessage'></div>
			</form>
		</div>
		<div class='innerFrameFooter'>
			<div id='registerFrameRegButton'>
				<span>注册</span>
			</div>
			<div id='registerFrameResetButton'>
				<span>清空</span>
			</div>
		</div>
	</div>
	<div id='header'>
		<div id='logo'>
			<img src='resources/images/logo.png' alt='logo'/>
		</div>
		<div id='user'>
			<sec:authorize access="isAnonymous()">
				<div id='loginButton'>
					<span>登录</span>
				</div>
				<div id='registerButton'>
					<span>注册</span>
				</div>
			</sec:authorize>
			<sec:authorize access="isAuthenticated()">
				<div id='createNews'>
					<a href='news/create/'>
						<span>创建新闻</span>
					</a>
				</div>
				<div id='username'>
					<span>
						<sec:authentication property="principal.userInfoBasicModel.nickname"/>
						,你好!
					</span>
				</div>
				<div id='personInformation'>
					<a href='user/update/'>
						<span>个人信息</span>
					</a>
				</div>
				<div id='logout'>
					<a href='user/logout/'>
						<span>退出</span>
					</a>
				</div>
			</sec:authorize>
		</div>
		<div id='links'>
			<div id='molianIntroduce'>
				<span>模联简介</span>
			</div>
			<div id='molianMap'>
				<span>模联地图</span>
			</div>
			<div id='molianBaike'>
				<span>模联百科</span>
			</div>
			<div id='molianDict'>
				<span>模联词典</span>
			</div>
			<div id='molianGame'>
				<span>模联游戏</span>
			</div>
		</div>
		<div id='underline'>
			<canvas id='underlineCanvas'></canvas>
		</div>
	</div>
	<div id="showNews">
		<div id='thumbnails'>
			<div id='lastItem'>
				<span>&#60</span>
			</div>
			<div id='item0' class='item'>
				<img src='resources/images/test0.jpg'/>
			</div>
			<div id='item1' class='item'>
				<img src='resources/images/test1.jpg'/>
			</div>
			<div id='item2' class='item'>
				<img src='resources/images/test2.jpg'/>
			</div>
			<div id='nextItem'>
				<span>&#62</span>
			</div>
		</div>
		<div id='news0' class='news'>
			<div class='leftImg'>
				<img src='resources/images/test0.jpg'/>
			</div>
			<div class='rightContent'>
				<div class='contentTitle'>
					<span>最新资讯0</span>
				</div>
				<div id='subTitle0' class='subTitle'>
					<span>第二届环球令德</span>
				</div>
				<div id='subTitle1' class='subTitle'>
					<span>全国高中生模拟联合国大会</span>
				</div>
				<div id='subTitle2' class='subTitle'>
					<span>国家政策评估委员会</span>
				</div>
				<div id='subTitle3' class='subTitle'>
					<span>评估报告</span>
				</div>
				<div class='contentDetail'>
					<p>北京大学国家关系学院研究生一年级、第二届环球令德模联大会国家政策评估委员会委员长 朱正人Vassar College 国家关系专业一年级、第二......</p>
				</div>
				<div class='more'>
					<span>更多</span>
				</div>
			</div>
		</div>
		<div id='news1' class='news'>
			<div class='leftImg'>
				<img src='resources/images/test1.jpg' />
			</div>
			<div class='rightContent'>
				<div class='contentTitle'>
					<span>最新资讯1</span>
				</div>
				<div id='subTitle0' class='subTitle'>
					<span>第二届环球令德</span>
				</div>
				<div id='subTitle1' class='subTitle'>
					<span>全国高中生模拟联合国大会</span>
				</div>
				<div id='subTitle2' class='subTitle'>
					<span>国家政策评估委员会</span>
				</div>
				<div id='subTitle3' class='subTitle'>
					<span>评估报告</span>
				</div>
				<div class='contentDetail'>
					<p>北京大学国家关系学院研究生一年级、第二届环球令德模联大会国家政策评估委员会委员长 朱正人Vassar College 国家关系专业一年级、第二......</p>
				</div>
				<div class='more'>
					<span>更多</span>
				</div>
			</div>
		</div>
		<div id='news2' class='news'>
			<div class='leftImg'>
				<img src='resources/images/test2.jpg' />
			</div>
			<div class='rightContent'>
				<div class='contentTitle'>
					<span>最新资讯2</span>
				</div>
				<div id='subTitle0' class='subTitle'>
					<span>第二届环球令德</span>
				</div>
				<div id='subTitle1' class='subTitle'>
					<span>全国高中生模拟联合国大会</span>
				</div>
				<div id='subTitle2' class='subTitle'>
					<span>国家政策评估委员会</span>
				</div>
				<div id='subTitle3' class='subTitle'>
					<span>评估报告</span>
				</div>
				<div class='contentDetail'>
					<p>北京大学国家关系学院研究生一年级、第二届环球令德模联大会国家政策评估委员会委员长 朱正人Vassar College 国家关系专业一年级、第二......</p>
				</div>
				<div class='more'>
					<span>更多</span>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>